import Vue from "vue";
import Vuex from "vuex";
import myInfo from "./modules/myInfo";
import tags from "./modules/tags";
import createPersistedstate from "vuex-persistedstate";
Vue.use(Vuex);

export default new Vuex.Store({
    // 对vuex进行模块化处理.便于后期的管理维护,开启模块化之后.我们还使用命名空间namespaced
    modules: {
        myInfo,
        tags
    },
    plugins: [
        createPersistedstate({
            key: "user", // 存数据的key名   自定义的  要有语义化
            storage: window.sessionStorage,
            reducer(val) {
                console.log("val:::", val);
                return {
                    // 只存储state中的userData
                    userData: val.myInfo.userInfo
                };
            }
            // paths: ["myInfo/userInfo"] // 要把那些模块加入缓存
        })
    ]
});
